﻿layui.use(['form', 'layer', 'jquery'], function () {
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    var token = localStorage.getItem("token");
    console.log(token)
    $.ajax({
        url: '../User/UserListDo',
        type: "get",
        data: { token: token },
        success: function (res) {
            res = JSON.parse(res);
            // debugger;
            console.log(res)
            var selectData = res.data;
            var selectHtml = '';
            // debugger;
            selectData.forEach(function (item) {
                selectHtml += `<input type="checkbox" name="userId" value="${item.id}" title="${item.name} " />${item.name} `;
            });

            $('#userId').html(selectHtml);
            form.render('select');
            form.on('select(dynamicFilter)', function (data) {
                console.log(data.value);
            });
        }
    });


    $.ajax({
        url: '../User/RoleListDo',
        type: "get",
        data: { token: token },
        success: function (res) {
            res = JSON.parse(res);
            console.log(res)
            var selectData = res.data;
            var selectHtml = '<option value="">请选择</option>';
            selectData.forEach(function (item) {
                selectHtml += '<option value="' + item.id + '">' + item.name + '</option>';
            });

            $('#roleId').html(selectHtml);
            form.render('checkbox');
            console.log($("#roleId"))
            form.on('checkbox', function (data) {
                console.log(data.value);
            });
        },
        error: function (err) {
            console.log(err)
        }
    });
    window.Enroll = function Enroll() {
        var userId = [];
        var roleId = $('#roleId').val();
        var checkboxes = document.getElementsByName("userId");
        for (var i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].checked) {
                userId.push(checkboxes[i].value);
            }
        }
        console.log(userId);
        console.log(roleId);

        var model = JSON.stringify({ userId: new Number(userId), roleId: roleId });
        console.log(model);
        var token = localStorage.getItem("token");
        $.ajax({
            url: "../User/UserRoleAddDo",
            type: "post",
            data: { model: model, token: token },
            success: function (res) {
                console.log(res);
                debugger;
                var ressult = JSON.parse(res)
                if (ressult.code == 200) {
                    alert(ressult.message)
                }
                else {
                    alert(ressult.message)
                }
            }
        })
    }


    //根据选中角色 勾起选中用户
    debugger;
    //window.loadUsers = function loadUsers(roleId) {
    //    $.ajax({
    //        url: '../User/UserRoleListDo',
    //        type: "get",
    //        data: { roleId: new Number(roleId), token: token },
    //        success: function (res) {
    //            var res=json.parse(res);
    //            console.log(res); // 检查从服务器接收到的数据
    //            if (res && Array.isArray(res.data)) { // 确保 res.data 是数组
    //                var users = res.data;
    //                var checkboxes = $('input[name="userId"]'); // 使用 jQuery 选择器

    //                // 移除所有选中状态
    //                checkboxes.prop('checked', false);

    //                // 设置选中状态
    //                checkboxes.each(function () {
    //                    var checkbox = $(this);
    //                    var userId = checkbox.val();
    //                    if (users.some(function (user) { return user.userId === userId; })) {
    //                        checkbox.prop('checked', true);
    //                    }
    //                });

    //                form.render('checkbox'); // 重新渲染复选框
    //            } else {
    //                console.error("服务器返回的数据格式不正确或不是数组");
    //            }
    //        },
    //        error: function (xhr, status, error) {
    //            console.error('AJAX 请求失败:', status, error);
    //        }
    //    });
    //}
});